<div class="ly_header">
    <!-- 导航栏 -->
    <style>
        .header{border: solid 10px black}
    </style>
    <div class="header">
        <a class="header_img">
            <img src="./images/top.webp" alt="">
        </a>
        <nav class="navbar">
            <div class="nav_left fl">
                <span>好！</span>
                <span>找的中意的书了吗？</span>
                <span class="nav_span">
                    <a href="./login.html">请登录</a>
                    <a href="./registered.html">免费注册</a>
                </span>
            </div>
            <div class="nav_right fr">
                <ul>
                    <li><a href="#">我的学习</a></li>
                    <li><a href="./personal.html"><i class="iconfont" style="color: #cd4c4b; font-size: 12px;">&#xe60d;</i> 个人中心</a></li>
                    <li><a href="./cart.html">我的订单</a></li>
                    <li class="itme_li">
                        <a href="#">客户服务</a>
                        <ul class="itme_li_dis">
                            <li><a href="https://www.xhsd.com/pub/articles/list">帮助中心</a></li>
                            <li><a href="https://www.xhsd.com/pub/articles/notice">新闻公告</a></li>
                        </ul>
                    </li>
                    <li style="border-right: none;" class="qr_itme_li">
                        <a href="#">手机新华</a>
                        <div class="qr_itme_img">
                            <b></b>
                            <img src="./images/xhsd_QRcode.webp" alt="">
                        </div>
                    </li>
                </ul>
            </div>
        </nav>
    </div>
    <!-- 搜索栏 -->
    <div class="big_search">
        <div class="search">
            <a href="#" class="fl search_a">
                <img src="./images/xhsd_logo.png" alt="">
            </a>
            <div class="subnav fl">
                <input type="text" name="keyword" class="subnav_input" placeholder="论中国共产党历史" value="" autocomplete="off">
                <span>
                    <button class="subnav_btn" type="submit">
                        <i class="iconfont">&#xe662;</i>
                    </button>   
                </span>
                <div class="search_hot">
                    <ul>
                        <li><span>热门搜索</span></li>
                        <li><a href="#">习近平扶贫故事</a></li>
                        <li><a href="#">北京冬奥会</a></li>
                        <li><a href="#">日历2021</a></li>
                        <li><a href="#">诗词名句</a></li>
                        <li><a href="#">新华英雄笔</a></li>
                    </ul>
                </div>
            </div>
            <div class="big_shopping fl">
                <div class="shopping">
                    <a href="./cart.html">
                        <i class="iconfont icon">&#xe628;</i>
                        购物车
                        <span class="shopping_num">0</span>
                        件
                        <i class="iconfont">&#xe61c;</i>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- 商品分类 -->
    <div class="categorise">
        <div class="categorise_cont auto">
            <div class="categorise_nav fl">
                <a href="#">
                    <i class="iconfont">&#xe601;</i>
                    <span>全部商品分类</span>
                </a>
            </div>
            <ul class="categorise_menu fl">
                <li><a href="./index.html">商城首页</a></li>
                <li><a href="#">主题出版</a></li>
                <li><a href="#">中版书房</a></li>
                <li><a href="#">新华优选</a></li>
                <li><a href="#">新华定制</a></li>
                <li><a href="#">新华惠农</a></li>
                <li><a href="#">新华直播</a></li>
                <li><a href="./productList.html">电子书</a></li>
                <li><a href="#">排行榜</a></li>
                <li><a href="#">新时代 · 新经典</a></li>
            </ul>
        </div>
    </div>    
</div>


<div class="ly_footer">
        <div class="page_foot">
                <div class="page_foot_top">
                    <div class="page_foot_imgbox">
                        <div class="page_foot_img" style="text-align: left;">
                            <img src="./images/xin.webp" alt="">
                        </div>
                        <div class="page_foot_img">
                            <img src="./images/hua.webp" alt="">
                        </div>
                        <div class="page_foot_img" style="text-align: right;">
                            <img src="./images/shu.webp" alt="">
                        </div>
                        <div class="page_foot_img" style="text-align: right;">
                            <img src="./images/dian.webp" alt="">
                        </div>
                    </div>
                </div>
                <div class="foot_cont">
                    <div class="foot_cont_afterSale">
                        <div class="cont_afterSale auto">
                            <div class="afterSale">
                                <p>
                                    <sapn style="font-size: 18px; color: rgb(51,51,51); font-weight: bold;">购物指南</sapn>
                                </p>
                                <p>
                                    <a href="#" target="_blank">
                                        <sapn style="font-size: 14px; color: rgb(153,153,153); font-weight: bold;">购物保障</sapn>
                                    </a>
                                </p>
                                <p>
                                    <a href="#" target="_blank">
                                        <sapn style="font-size: 12px; color: rgb(153,153,153); font-weight: bold;">购物流程</sapn>
                                    </a>
                                </p>
                                <p>
                                    <a href="#" target="_blank">
                                        <sapn target="_blank">
                                            <sapn style="font-size: 12px; color: rgb(153,153,153); font-weight: bold;">促销说明</sapn>
                                    </a>
                                </p>
                                <p>
                                    <a href="#" target="_blank">
                                        <sapn  target="_blank">
                                            <sapn style="font-size: 12px; color: rgb(153,153,153); font-weight: bold;">联系客服</sapn>
                                    </a>
                                </p>
                            </div>
                            <div class="afterSale" style="margin-left: 150px; margin-bottom: 42px;">
                                <p>
                                    <sapn style="color: rgb(51,51,51); font-size: 18px; font-weight: 700;">支付方式</sapn>
                                </p>
                                <p>
                                    <a href="#" target="_blank">
                                        <sap style="color: rgb(153,153,153); font-size: 14px; font-weight: 700;">网上支付</sapn>
                                    </a>
                                </p>
                                <p>
                                    <a href="#" target="_blank">
                                        <sapn style="color: rgb(153,153,153); font-weight: 700;">优惠劵支付</sapn>
                                    </a>
                                </p>
                                <p>
                                    <a href="#" target="_blank">
                                        <sapn style="color: rgb(153,153,153); font-weight: 700;">扫码付款</sapn>
                                    </a>
                                </p>
                            </div>
                            <div class="afterSale" style="margin-left: 150px;">
                                <p>
                                    <sapn style="color: rgb(51,51,51); font-weight: 700; font-size: 18px;">配送方式</sapn>
                                </p>
                                <p>
                                    <a href="#" target="_blank">
                                        <sapn style="font-size: 14px; font-weight: 700; color: rgb(153, 153, 153);">配送运费</sapn>
                                    </a>
                                </p>
                                <p>
                                    <a href="#" target="_blank">
                                        <sapn style="font-size: 12px; font-weight: 700; color: rgb(153, 153, 153);">商品验证</sapn>
                                    </a>
                                </p>
                                <p>
                                    <a href="#" target="_blank">
                                        <sapn style="font-size: 12px; font-weight: 700; color: rgb(153, 153, 153);">订单说明</sapn>
                                    </a>
                                </p>
                            </div>
                            <div class="afterSale" style="margin-left: 150px;">
                                <p>
                                    <sapn style="font-size: 18px; font-weight: 700; color: rgb(51, 51, 51);">售后服务</sapn>
                                </p>
                                <p>
                                    <a href="#" target="_blank">
                                        <sapn style="font-size: 14px; font-weight: 700; color: rgb(153, 153, 153);">退换货制度</sapn>
                                    </a>
                                </p>
                                <p>
                                    <a href="#" target="_blank">
                                        <sapn style="font-size: 12px; font-weight: 700; color: rgb(153, 153, 153);">申请退换货</sapn>
                                    </a>
                                </p>
                                <p>
                                    <a href="#" target="_blank">
                                        <sapn style="font-size: 12px; font-weight: 700; color: rgb(153, 153, 153);">退款时效</sapn>
                                    </a>
                                </p>
                            </div>
                            <div class="afterSale" style="margin-left: 160px;">
                                <p>
                                    <sapn style="font-size: 18px; font-weight: 700; color: rgb(51, 51, 51);">新华服务</sapn>
                                </p>
                                <p>
                                    <a href="#">
                                        <sapn style="font-size: 14px; font-weight: 700; color: rgb(153, 153, 153);">关于我们</sapn>
                                    </a>
                                </p>
                                <p>
                                    <a href="#">
                                        <sapn style="font-size: 12px; font-weight: 700; color: rgb(153, 153, 153);">大宗采购</sapn>
                                    </a>
                                </p>
                                <p>
                                    <a href="#">
                                        <sapn style="font-size: 12px; font-weight: 700; color: rgb(153, 153, 153);">友情链接</sapn>
                                    </a>
                                </p>
                                <p>
                                    <a href="#">
                                        <sapn style="font-size: 12px; font-weight: 700; color: rgb(153, 153, 153);">新华直播</sapn>
                                    </a>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="foot_bottom">
                    <div class="foot_bottom_trademark">
                        <div class="trademark_text">
                            <p class="">
                                <span>
                                    <span style="font-weight: bold; ">
                                        <a href="" target="_blank" rel="noopener noreferrer">京公网安备 11010202007572号</a>&nbsp;丨<a href=""target="_blank" rel="noopener noreferrer"> </a>京ICP证 京B2-20171652号&nbsp;丨&nbsp;&nbsp;
                                    </span>
                                    <span style="font-family: inherit; font-size: 12px; font-weight: bold;">
                                        <a href="#" target="_blank" rel="noopener noreferrer" class="">京ICP备16042375号-2</a>
                                    </span>
                                </span>
                                <br>
                            </p>
        
                            <p>
                                <a href="https://help.xhsd.com/pub/articles/notice-detail?id=28&amp;categoryIds=31">
                                <span style="font-weight: bold;"></span>
                                <span style="font-weight: bold;">
                                    <span style="font-weight: bold; font-family: inherit; font-size: 12px;">出版物经营许可证 新出发&nbsp;</span>
                                </span>
                                <span style="font-family: inherit; font-size: 12px;">
                                    <span style="font-weight: bold;">京批字第直200352号</span>&nbsp;</span>
                                </a>
                                <span style="font-weight: bold; font-family: inherit; font-size: 12px;">丨&nbsp;</span>
                                <a href="https://help.xhsd.com/pub/articles/notice-detail?id=29&amp;categoryIds=31" target="_blank" rel="noopener noreferrer" style="font-weight: bold; font-family: inherit; font-size: 12px;">广播电视节目制作经营许可证 （京）字第07439号</a>
                            </p>
                            <p class="">
                                <span style="font-weight: bold;">
                                    <span style="color: rgb(153, 153, 153);">网视备（京）02021000046-1号</span>
                                    <br>
                                </span>
                            </p>
                            <p class="">
                                <span style="font-weight: bold;" class="">
                                    <span style="color: rgb(153, 153, 153);">
                                        <a href="https://help.xhsd.com/pub/articles/notice-detail?id=72&amp;categoryIds=31" target="_blank" rel="noopener noreferrer">营业执照</a>&nbsp;丨&nbsp;<a href="https://help.xhsd.com/pub/articles/notice-detail?id=71&amp;categoryIds=31" target="_blank" rel="noopener noreferrer">网络出版服务许可证 （京）字第290号</a>
                                    </span>
                                    <br>
                                </span>
                            </p>
                            <p>
                                
                                <span style="color: rgb(153, 153, 153); font-weight: bold;">Copyright © 2015 - 2021 新华互联电子商务有限责任公司 版权所有</span>
                            </p>
                            <p>
                                <span style="color: rgb(153, 153, 153); font-weight: bold;">客服热线：4006666505</span>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="Cyber auto">
                    <div>
                        <img src="https://pics0.photophoto.cn/09/331/09331440_2.jpg" alt="">
                        <span><a href="#">网络警察提示您</a></span>
                    </div>
                    <div>
                        <img src="https://img0.baidu.com/it/u=4168263935,2698886150&fm=26&fmt=auto&gp=0.jpg" alt="">
                        <span><a href="#">中国互联网举报中心</a></span>
                    </div>
                    <div>
                        <img src="https://img2.baidu.com/it/u=3694955211,817812246&fm=26&fmt=auto&gp=0.jpg" alt="">
                        <span><a href="#">网络举报下载</a></span>
                    </div>
                </div>
            </div>
</div>